Skip to content

Load Google Fonts non-blocking on the demo page#37

Merged
fbuys merged 1 commit into
gh-pagesfrom
FR-744-non-blocking-fonts
Jul 16, 2026
Merged

Load Google Fonts non-blocking on the demo page#37
fbuys merged 1 commit into
gh-pagesfrom
FR-744-non-blocking-fonts

Conversation

@julioalucero

Copy link
Copy Markdown
Member

**IMPORTANT: Please read the README before submitting pull requests for this project. Additionally, if your PR closes any open GitHub issues, make sure you include Closes #XXXX in your comment or use the option on the PR's sidebar to add related issues to auto-close the issue that your PR fixes. **

Description:

Follow-up to the font work merged in #36, mirroring the non-blocking part of ombulabs/styleguide#70. The Google Fonts request was still render-blocking.

QA

  1. Open index.html, DevTools => Network => filter by fonts: the css2 request loads non-blocking and doesn't hold up first paint.
  2. Headings/code render in Oxygen / Source Code Pro once the font loads.
  3. Disable JS, the <noscript> fallback still loads the fonts.

I will abide by the code of conduct.

@julioalucero julioalucero self-assigned this Jul 14, 2026

@fbuys fbuys left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good, matches implementation in ombulabs styleguide.

@fbuys fbuys merged commit f8f4b99 into gh-pages Jul 16, 2026
@fbuys fbuys deleted the FR-744-non-blocking-fonts branch July 16, 2026 16:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants